<script setup>
import DashboardCard from '@/components/Dashboard-Card.vue'
import MainContent from '@/components/Main-Content.vue'

</script>

<template>
    <main-content>
        <div class="col col1">
            <DashboardCard title="园区数据">

            </DashboardCard>
            <DashboardCard title="年度收入统计">

            </DashboardCard>
            <DashboardCard title="临期合同提醒">

            </DashboardCard>
        </div>

        <div class="col col2">
            <DashboardCard title="快捷入口">

            </DashboardCard>
            <DashboardCard title="设备警告派单"></DashboardCard>
        </div>
    </main-content>
</template>

<style scoped lang="scss">
.col1 {
    flex: 7;
    min-width: 700px;
    margin-right: 20px;
}

.col2 {
    flex: 3;
    min-width: 300px;
}
</style>
